.queryResult {
  background-image: url('../assets/resultLogo.png');
  background-repeat: no-repeat;
  background-size: 87% 50%;
  background-position: center;
  // height: 100vh;
  .bar {
    position: relative;
    display: flex;
    min-height: 3.9375rem;
    padding: {
      top: 0.625rem;
      bottom: 0.625rem;
    }
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#df7878, #df7878);
    background-blend-mode: normal, normal;
    box-shadow: 0px 0.1875rem 1.8125rem 0px rgba(0, 0, 0, 0.15);
    .block {
      position: absolute;
      left: 4%;
      bottom: 0;
      width: 17%;
      height: 0.1875rem;
      background-image: linear-gradient(-89deg, #2bb8b5 0%, #01d2ba 100%, #2bb8b5 100%), linear-gradient(#df7878, #df7878);
      background-blend-mode: normal, normal;
      border-radius: 0.125rem;
    }
    .actionSpan {
      color: #01d2ba;
    }
    span {
      flex: 1;
      min-height: 3.9375rem;
      line-height: 3.9375rem;
      text-align: center;
      border-right: 0.0625rem solid #e5e5e5;
      color: #a8a8a8;
    }
    span:nth-last-child(1) {
      border-right: none;
    }
  }
}
// 考试结果 —— 总成绩
.examResult {
  width: 90vw;
  margin: auto;
  margin-top: 1.875rem;
  background-color: white;
  border-radius: 6px 6px 0px 0px;

  .total {
    color: white;
    background-image: linear-gradient(-90deg, #2bb8b5 0%, #01d2ba 100%, #2bb8b5 100%), linear-gradient(#ffffff, #ffffff);
    background-blend-mode: normal, normal;
    border-bottom: solid 1px #2bb8b5;
    border-right: none;
    border-left: none;
    border-radius: 6px 6px 0px 0px;
  }
  .examResult_item {
    padding: {
      left: 1.25rem;
      right: 1.25rem;
    }
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3.275rem;
    border-bottom: solid 1px #a8a8a8;
    border-right: solid 1px #a8a8a8;
    border-left: solid 1px #a8a8a8;
    div {
      span:nth-of-type(1) {
        font-size: 1rem;
      }
      span:nth-of-type(2) {
        font-size: 0.7rem;
      }
    }
  }
}
// 考试结果——满意程度
.evaluation {
  width: 90vw;
  margin: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: {
    top: 1.875rem;
  }
  .startList {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: {
      top: 1.625rem;
      bottom: 1.625rem;
    }
    span {
      display: inline-block;
      font-weight: bold;
      color: #222;
    }
    img {
      height: 1.9rem;
      margin: {
        right: 0.625rem;
      }
    }
  }
  button {
    background-image: linear-gradient(-90deg, #2bb8b5 0%, #01d2ba 100%, #2bb8b5 100%), linear-gradient(#dedede, #dedede);
    background-blend-mode: normal, normal;
    border-radius: 6px;
    width: 7.3125rem;
    height: 2.1rem;
    border: none;
    outline: none;
    color: white;
  }
  .question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    span {
      font-weight: bold;
      color: #222222;
    }
    div {
      display: flex;
      align-items: center;
      justify-content: center;
      img {
        height: 1.125rem;
        width: 1.125rem;
        margin: {
          left: 0.625rem;
        }
      }
      span {
        color: #a8a8a8;
        font-size: 0.875rem;
      }
    }
  }
}
.comments {
  width: 90vw;
  margin: auto;
  margin: {
    top: 1.875rem;
  }
  .overallComments {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.9375rem;
    font-weight: bold;
    color: #222222;
    img {
      height: 0.9375rem;
      transform: rotate(90deg);
    }
  }
  .ModelMain {
    overflow: hidden;
  }
  .teacherCommentsModel {
    display: flex;
    margin: {
      top: 0.625rem;
    }
    img {
      height: 2.5rem;
      max-width: 2.5rem;
      object-fit: cover;
      border-radius: 0.625rem;
      // border: 1px solid red;
      margin: {
        right: 0.625rem;
      }
    }
    .content {
      margin: {
        top: -0.3125rem;
      }
      .userName {
        font-weight: bold;
        color: #a8a8a8;
      }
      .content_text {
        position: relative;
        color: white;
        background-image: linear-gradient(-90deg, #2bb8b5 0%, #01d2ba 100%, #2bb8b5 100%), linear-gradient(#ffffff, #ffffff);
        background-blend-mode: normal, normal;
        border-radius: 0px 6px 6px 6px;
        padding: 0.5rem;
        word-break: break-all;
        img {
          height: 1.25rem;
        }
        .voiceBlock {
          width: 0.625rem;
          height: 0.625rem;
          background-color: #f68b6a;
          border-radius: 0.3125rem;
          top: 0.8rem;
          right: -3.3rem;
        }
        span {
          color: black;
          position: absolute;
          right: -2.25rem;
          display: inline-block;
        }
      }
    }
  }
}
